<template>
  <div class="head_assembly pt-re">
    
    <div class="setting f-row ai-c">
    
      <el-dropdown @command="handleCommand" class="cp">
        <span class="el-dropdown-link">
          个人中心<i class="el-icon-arrow-down el-icon--right"></i>
        </span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item command="signout">退出登录</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>

    
  </div>
</template>
<script>
export default {
  methods: {
    handleCommand(command) {
      if (command == "signout") {
        this.$store.commit("RESTSTATE");
        this.$router.push("/login");
      }
    },
  },
};
</script>
<style lang='less' scoped>
.el-dropdown {
  color: #fff;
}
.head_assembly {
  color: #fff;
  height: 100%;

  .dp-ib {
    width: 8.0625rem;
    height: 8.0625rem;
    margin-right: 2.875rem;
    position: absolute;
    top: 1.5rem;
    left: 3.75rem;
  }
  .name {
    font-weight: bold;
    font-size: 1.875rem;
  }
  .info {
    position: absolute;
    left: 14.6875rem;
    top: 2.125rem;
  }
  .local {
    color: #f1f1f1;
    font-size: 1rem;
    margin: 0.0625rem 0 0.4375rem;
    img {
      width: 0.8125rem;
      height: 1rem;
      margin-right: 0.4375rem;
    }
  }
  ul {
    display: flex;
    justify-content: space-between;
    li {
      display: inline-block;
      text-align: center;
      .category {
        color: #f1f1f1;
        font-size: 0.875rem;
      }
      .num {
        font-size: 1.5rem;
      }
    }
  }
  .setting {
    position: absolute;
   top:50%;
   transform: translateY(-50%);
    right: 2.25rem;
  }
}
</style>